<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>code hard, day day up</title>

    <link rel="stylesheet" type="text/css" href="/main.css" />
    <!-- <link rel="stylesheet" type="text/css" href="fontawesome-free-5.15.4-web-all.min.css" /> -->
    <style type="text/css">
        
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.2/min/vs/loader.js"></script>
    <script src="/main.js"></script>
</head>
<body>

<div class="navbar">
    <div class="left">
        <img src="/images/logo.png" alt="" width="22px">
        <h3>代码可读性练习</h3>
        <svg style="width: 10px; height: 16px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M15 239c-9.4 9.4-9.4 24.6 0 33.9L207 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L65.9 256 241 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z"></path></svg>
        <svg style="width: 10px; height: 16px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z"></path></svg>
    </div>
     <div class="right">
        <a href="">登录</a>
        <a href="">注册</a>
     </div>
</div>

<div class="main">
    <div class="question-area">
        <div class="tab">
            <div class="tab-question">题目</div>
            <div class="tab-answer">答案</div>
             <div class="tab-check">
                <span>已打卡</span>
                <img src="/images/check-in.png" width="20px" height="20px">
            </div>
        </div>
        <div class="question">
            <div class="title-area">
                <h3>1. 用户是否为VIP判断</h3>
            </div>
            <div class="content-area">
                <span class="content">
                    用户分普通用户和VIP用户两种，以下是判断是否是VIP用户的逻辑代码，请尝试优化。
                    <br/><br/>
                    忽略对象为null的逻辑判断。
                </span>
            </div>
        </div>

        <div id="editor-answer" class="editor"></div>

        <!-- <div class="company">© 2025 上海码上网络科技有限公司</div> -->

    </div>
    <div class="ide-area">
        <div class="language">
            <select name="fruits">
                <option value="JavaScript">JavaScript</option>
                <option value="Java">Java</option>
                <option value="Python">Python</option>
                <option value="TypeScript">TypeScript</option>
                <option value="C#">C#</option>
                <option value="Go">Go</option>
                <option value="PHP">PHP</option>
            </select>
        </div>
        <!-- <div style="display: flex; gap: 10px; margin-bottom: 10px;">
            <button onclick="changeLanguage('go')">Go</button>
            <button onclick="changeLanguage('java')">Java</button>
            <button onclick="changeLanguage('php')">PHP</button>
        </div> -->

        <div id="editor" class="editor"></div>

        <div class="console">
            <button class="run" onclick="submit()">运行</button>
            <button class="submit" onclick="submit()">提交</button>
        </div>
        
    </div>
</div>

<script>


</script>

</body>
</html>